<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>我的订单</title>
    <!--css style-->
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/font.css">
    <link rel="stylesheet" href="responsive/flexible.css">
    <script src="responsive/flexible.js"></script>
</head>
<body class="personal_center my_order">
    <header>
        <a href="javascript:void(0)" class="pre_page"></a>
        <dl class="orders_class">
            <dt>全部订单 <span></span></dt>
            <dd>
                <a href="javascript:void(0)" class="active">全部订单</a>
                <a href="javascript:void(0)">已完成订单</a>
                <a href="javascript:void(0)">已取消订单</a>
            </dd>

        </dl>
        <form action="" class="order_search">
            <input type="text" placeholder="商品名称/商品编号/订单编号">
            <input type="submit" value="搜索">
        </form>
        <i class="search_btn">
            <img src="img/search_icon.png" alt="搜索商品名称/商品编号/订单编号">
        </i>
    </header>

    <section>
        <ul>
            <li>
                <div class="order_header container">
                    <img src="img/shop_icon.png" alt="爱迪蒙托家居旗舰店">
                    爱迪蒙托家居旗舰店
                    <span class="red">
                        等待付款
                    </span>
                </div>
                <div class="order_info">
                    <div class="container">
                        <p>
                            <a href="javascript:void(0)"><img src="img/order_pic.jpg" alt=""></a>
                            <a href="javascript:void(0)" class="desc">[凯撒豪庭] 美式古典 立体饱满描金雕花 四门两抽
                                金雕花 四门两抽...</a>
                        </p>

                    </div>

                </div>
                <div class="pay_info container">
                    共2件商品，实付款：<b>￥6658.00</b>
                </div>
                <div class="operation container">
                    <a href="javascript:void(0)" class="red">去支付</a>
                </div>
            </li>
            <li>
                <div class="order_header container">
                    <img src="img/shop_icon.png" alt="爱迪蒙托家居旗舰店">
                    爱迪蒙托家居旗舰店
                    <span>
                        已完成
                    </span>
                </div>
                <div class="order_info">
                    <div class="container">
                        <p>
                            <a href="javascript:void(0)"><img src="img/order_pic.jpg" alt=""></a>
                            <a href="javascript:void(0)" class="desc">[凯撒豪庭] 美式古典 立体饱满描金雕花 四门两抽
                                金雕花 四门两抽...</a>
                        </p>
                        <p>
                            <a href="javascript:void(0)"><img src="img/order_pic.jpg" alt=""></a>
                            <a href="javascript:void(0)" class="desc">[凯撒豪庭] 美式古典 立体饱满描金雕花 四门两抽
                                金雕花 四门两抽...</a>
                        </p>

                    </div>

                </div>
                <div class="pay_info container">
                    共2件商品，实付款：<b>￥6658.00</b>
                </div>
                <div class="operation container">
                    <a href="javascript:void(0)">评价晒单</a>
                    <a href="javascript:void(0)" class="red">再次购买</a>
                </div>
            </li>
            <li>
                <div class="order_header container">
                    <img src="img/shop_icon.png" alt="爱迪蒙托家居旗舰店">
                    爱迪蒙托家居旗舰店
                    <span>
                        已取消
                    </span>
                </div>
                <div class="order_info">
                    <div class="container">
                        <p>
                            <a href="javascript:void(0)"><img src="img/order_pic.jpg" alt=""></a>
                            <a href="javascript:void(0)" class="desc">[凯撒豪庭] 美式古典 立体饱满描金雕花 四门两抽
                                金雕花 四门两抽...</a>
                        </p>
                    </div>

                </div>
                <div class="pay_info container">
                    共2件商品，实付款：<b>￥6658.00</b>
                </div>
                <div class="operation container">
                    <a href="javascript:void(0)" class="red">购买</a>
                </div>
            </li>
            <li>
                <div class="order_header container">
                    <img src="img/shop_icon.png" alt="爱迪蒙托家居旗舰店">
                    爱迪蒙托家居旗舰店
                    <span class="red">
                        卖家已发货
                    </span>
                </div>
                <div class="order_info">
                    <div class="container">
                       <p>
                           <a href="javascript:void(0)"><img src="img/order_pic.jpg" alt=""></a>
                           <a href="javascript:void(0)" class="desc">[凯撒豪庭] 美式古典 立体饱满描金雕花 四门两抽
                               金雕花 四门两抽...</a>
                       </p>
                    </div>

                </div>
                <div class="pay_info container">
                    共2件商品，实付款：<b>￥6658.00</b>
                </div>
                <div class="operation container">
                    <a href="javascript:void(0)" class="confirm">确认收货</a>
                </div>
            </li>
        </ul>

    </section>

</body>
</html>